import React, { memo } from 'react';
interface IProp {
  blueScore: number
}

const Blue = ({blueScore} : IProp) => {

  console.log("----蓝组件")
  return (
    <div>
      当前蓝队得分：{blueScore}
    </div>
  )
}

//用Memo把组件包起来(只传一个参数)，当组件的状态没有发生改变的时候，不重新渲染组件，起到一个缓存的作用
//如果传第二个参数，第二个参数也是一个函数，这个函数监听参数的改变，如果所传的参数发生改变，返回true，否则返回false
//useMemo第一个参数是一个回调函数，第二个参数是一个数组，数据里面放的参数发生改变的时候，执行这个回调函数
//如果说usememo是缓存变量，那么usecallback就是缓存函数

export default memo(Blue)